<template>
  <div>
    <h1>@click</h1>
    <p>{{msg}}</p>
    <button @click="fn">翻转</button>
  </div>
</template>

<script>
export default {
 data() {
   return {
     msg:'hello world'
   }
 }, 
 methods:{
   fn() {
      this.msg=this.msg.split('').reverse().join('')
   }
 }
}
</script>
<style>

</style>